// @flow
import React, { Component } from 'react'
import styles from './FaultActions.css'
import { Button, Modal, Icon } from 'antd'

type Props = {
  refreshFaults: Function,
  data: Object,
  history: Object
}
type State = {
  visible: boolean
}
class FaultActions1 extends Component {
  props: Props
  state: State
  deleteFault: Function
  handleCancel: Function
  handleOk: Function
  constructor (props: Props) {
    super(props)
    this.state = {
      visible: false
    }
    this.deleteFault = this.deleteFault.bind(this)
    this.handleCancel = this.handleCancel.bind(this)
    this.handleOk = this.handleOk.bind(this)
  }

  handleOk () {
    this.setState({
      visible: true
    })
  }

  handleCancel () {
    this.setState({
      visible: false
    })
  }

  deleteFault () {
    // const { data } = this.props
    // console.log(data)
  }
  render () {
    const { history, data } = this.props
    const fileList = data.fileList
    let showFile = false
    if (fileList.length > 0) {
      showFile = true
    }
    return (
      <div className={styles['actions']}>
        <Button
          size='small'
          type='primary'
          style={{ marginRight: '10px' }}
          onClick={() => {
            history.push({
              pathname: '/business/report-edit',
              state: {
                data
              } })
          }}
          >
          编辑
        </Button>
        {
          showFile
            ? <a title='下载附件' onClick={this.handleOk} >
              <Icon type='paper-clip' style={{ fontSize: 16 }} />
            </a>
            : ''
        }
        <Modal
          title='下载附件'
          visible={this.state.visible}
          onCancel={this.handleCancel}
          footer={null}
        >
          {
            fileList.map((d, i) => {
              return <a
                style={{ display: 'block', padding: 3 }}
                key={i}
                href={d.fileUrl}
                target='_blank' rel='noopener noreferrer'
                title={d.fileName}>
                {d.fileName}
              </a>
            })
          }
        </Modal>
      </div>
    )
  }
}

export default FaultActions1
